<html>
<head>
<style type="text/css">
nav{
	list-style:none;
	display:inline;
	padding-left:0px;
	padding-right:0px;
	font-size:16px;
	font-family:Georgia;	
}
.nav li{

	display:inline;
	padding:5px;
	background:#940;
	border-radius:30px;
	margin-left:20px;
	color:#fff;
	-webkit-transition:all 1s ease-in-out;
}
.nav li:hover{
	box-shadow: 0 0 5px 5px #f07;
}
</style>
</head>
<body>
<ul class="nav">
	<li>&nbsp;1&nbsp;
	<li>&nbsp;2&nbsp;
	<li>&nbsp;3&nbsp;
	<li>&nbsp;4&nbsp;
	<li>&nbsp;5&nbsp;
	<li>&nbsp;6&nbsp;
	<li>&nbsp;7&nbsp;
	<li>&nbsp;8&nbsp;
	<li>&nbsp;9&nbsp;
	<li>10
	<li>&nbsp;11&nbsp;
</ul>
</body>
</html>